body 
 { 
      margin: 0;      
     /* background-color:#1D1F1F;
      background-image: url('../NEW_images/Menus/School_bg_1.jpg');*/
}

.BackWhite
{
    background-color: White;
    padding-top:5px;
    padding-bottom:5px;    
}

.MenuPageWrapper{ margin:0; 
                  padding:0px 0px;  
                  min-height: 50%;                  
                  } 
.MenuBottomWrapper{ margin:0; 
                  padding:0px 0px;  
                  min-height: 25%;                  
                  }
.MenuPageWrapper table
{
    border-collapse:separate;
    border-spacing: 5px;
    font-size: 14px;
}
.MenuPageWrapper label
{
    font-weight: normal;
}
.MenuPageWrapper table input[type='text'],.MenuPageWrapper table input[type='checkbox'],.MenuPageWrapper table select
{
    display:inline-block;
     padding:2px 1px 2px 1px;
     font-size:inherit;
   border:3px solid #c9dff0;  
   margin-right:2px;
      border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.MenuPageWrapper .pull-right
{
    padding-bottom:4px;
}

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}

/* Landscape phones and down */
@media only screen and (max-width: 380px) /* (min-width: 1px) and*/
{
    .preorderinstructions
    {
        background-color: #deecf6;
        margin-bottom:20px;
        padding:5px;     
        border: solid 1px #d4d2c3;
    }

     .menucalendar {
        width:100%;
        max-width: 379px;
        min-width:125px;
     }
     
     .menucalendar .menucalendarheader
     {
         visibility: hidden;
         height: 0px;
     }
    
    .menucalendar tr 
    {
         display: grid;            
         grid-template-columns:100%;
         height:auto; 
    }
    
    .SevenDay td, .SevenDay th
    {
        width:100%!important;
        height:auto!important;
    }

    .SixDay td, .SixDay th
    {
        width:100%!important;
        height:auto!important;
    }

    .FiveDay td, .FiveDay th
    {
        width:100%!important;
        height:auto!important;
    }
    
    .menucalendar td:last-child {
       border-right: 1px solid #e1e1e1;
    }
    
    .menucalendar td , .menucalendar th
    {
      height:auto!important;
    }

    .preordertbl td 
    {
        display:block;      
    }    
    
    .respond
    {
        float:left!important;
    }
    
    .DateDisplay
    {
        margin-left:0!important;
        margin-top:50%!important;
        white-space:normal!important;
    }
    
    .custombox .fitsmallscreen img{width:100%; height:auto;}
    
    /* The actual popup */
    .popup .popuptext {     
      left: 25%!important;
      margin-left: -100px!important;
    }
    
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 
    {
        float:none!important;
         width:100%!important;
    }    
}


@media only screen and (min-width: 381px) and (max-width: 767px) 
{
     /* The actual popup */
    .popup .popuptext {     
      left: 25%!important;
      margin-left: -100px!important;
    }
    
    .custombox .fitsmallscreen img{width:100%; height:auto;}
    
    .respond
    {
        float:left!important;
    }
    
    .DateDisplay
    {
         margin-left:0!important;
         margin-top:10%!important;
         white-space:normal!important;
    }
    
    .preorderinstructions
    {
        background-color: #deecf6;
        margin-bottom:20px;
        padding:5px;  
         /*display: inline; */
        border: solid 1px #d4d2c3;
    }
    
    .preordertbl td 
    {
        display:block;      
    }
    
    .menucalendar {
  
      width: 100%;
      max-width: 766px;
    }
    
     .menucalendar .menucalendarheader
     {
         visibility: hidden;
         height: 0px;
     }
    
    .menucalendar tr 
    {
	    display: grid;        
     /*grid-auto-rows:minmax(125px, auto);*/
      grid-template-columns:100%;
	  height:auto;	  
    }
	
    .menucalendar .SevenDay tr{
      display: grid;
      height:auto!important;
    }

    .menucalendar .SixDay tr{
      display: grid;
      height:auto!important;
     }

    .menucalendar .FiveDay tr{
      display: grid;
        width: 100%!important;
	    height:auto!important;
    }   
    .SevenDay td, .SevenDay th
    {
        width:100%!important;
        height:auto!important;
    }

    .SixDay td,  .SixDay th
    {
        width:100%!important;
        height:auto!important;
    }

    .FiveDay td, .FiveDay th
    {
        width:100%!important;
        height:auto!important;
    }

	.menucalendar td , .menucalendar th
    {
      height:auto!important;
      width:auto!important;
    }
        
    .menucalendar td:last-child {
       border-right: 1px solid #e1e1e1;
    }
    
     .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 
    {
        float:none!important;
        width:100%!important;
    }

}

@media print 
{
    .print-facts
    {
          border: 1px solid black!important;
          margin: 4px!important;
          float: left!important;
          width: 272px!important;
          padding: 0.5rem!important; 
    }

    .noprint
    {
         display:none!important;
    }
    
       
    .menucalendar {
      background-color: white;
      border: 1px solid #e1e1e1;
      width: 100%!important; 
    }
    
    .menucalendar tr 
    {
       /* display:block;*/
    }

    .menucalendar td 
    {
      padding: 5px;
      border-right: 1px solid #e1e1e1;
      border-top: 1px solid #e1e1e1;
      vertical-align:text-top;
      height:160px;
    }   
    
    .menucalendar .menucalendarheader 
    {
      text-align: center !important;
      font-weight:normal; 
      font-size:12px;
      padding-bottom: 2px;
      padding-top: 2px;    
    }

    .menucalendar .menucalendarheader th
    {
      text-align: center !important;
      border: 0;
      padding-bottom: 4px;
      padding-top: 4px;
    }
    
    .menucalendar .noshow
    {
        color: #ffffff;
        -webkit-print-color-adjust: exact;
        visibility: hidden;
    }

    .menucalendar .table 
    {    
       border:0px;
       padding:0px;
    }

    .menucalendar .table td
    {    
       border:0px;
       padding:0px;
       height:auto;
    }   
    
    .MealType { 
      font-family: Roboto;
      font-size: 14px;
      font-weight: bold;  
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: #07549f;
    }

    .menucalendar hr {
      border: 0;
      border-top: 1px solid #cdcdcd;
      border-bottom: 1px solid #fff;
      margin-bottom: 4px;
      margin-top:4px;
    }

    .SevenDay td
    {
        width:14%; 
        max-width:125px; 
        min-width:125px; 
    }

    .SixDay td
    {
        width:16%; 
        min-width:125px; 
    }

    .FiveDay td
    {
        width:19.5%;
        min-width:125px;
    }   
}

#ToPrint .popup .noprint {
      visibility: hidden!important;
      display:none!important;
    }


.DateDisplay
{
    text-align:justify;margin-left:40%;white-space:nowrap;margin-top:0;
}

.respond
{
    /*float:right;*/
}

.MealType { 
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;  
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #07549f;
}

.menucalendar .SevenDay tr{
  display: grid;

  /*grid-template-columns: repeat(7, 1fr);  */
}

.menucalendar .SixDay tr{
  display: grid;
 }

.menucalendar .FiveDay tr{
  display: grid;
    width: 100%;
 /* grid-template-columns: grid-template-columns:20% 20% 20% 20% 20%;repeat(5, 1fr);  */
}

.SevenDay td
{
    width:14.2857%;
}

.SixDay td
{
    width:16.66%;
}

.FiveDay td
{
    width:20%;
}

.menucalendar hr {
  border: 0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #fff;
  margin-bottom: 4px;
  margin-top:4px;
}

.menucalendar tr 
{
    /* display: grid;
      grid-auto-rows: minmax(auto, auto);
  grid-auto-rows:minmax(150px, auto);*/
}

.menucalendar .label_menuday
{
    float: right;
    text-align: right;
    font-size:12px;
    vertical-align:text-top;      
    padding-bottom: 2px;
    padding-left: 2px;
    color:#09549f;
    font-weight: bold;
}

.menucalendar .label_menuitem
{
    /*float: left;*/
    text-align: left;
    font-size:12px;
    vertical-align:text-top; 
   /*  padding-top: 15px;*/
}

.menucalendar .label_menudayofweek
{
    text-align: left;
    font-size:12px;
    vertical-align:text-top;
    color:#09549f;/*7092c0;*/
    font-weight: bold;
    text-transform: uppercase;
}

.menucalendar .label_nomenuitem
{
    text-align:center;
    font-size:14px;
    vertical-align:middle; 
}


.menucalendar .label_menuitem details
{
    font-size:11px;
    padding-bottom: 2px;
}

.menucalendar .label_menuitem div
{
    font-size:11px;
    display:block;
}

.menucalendar .cb_chooseweek
{
    /*float: left;*/
    text-align: center;
    font-size:12px;/*0.9em;*/
    vertical-align:middle;
   
    top:40%;
    left: 25%;
    position:relative;
   /*  padding-top: 15px;*/
}

.menucalendar .cb_menuitem 
{
    /*float: left;*/
    text-align: left;
    font-size:12px;/*0.7em;*/
    vertical-align:middle;/*:text-top; */
    padding-right: 5px;
   /*  padding-top: 15px;*/
}

.preordersection {
  /*border-radius: 1px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);*/
  background-color: #ffffff;
  margin-bottom:20px;
  padding:5px;  
  border: 1px solid #e1e1e1;
  display:table;
}

.btn-preordernofocus
{
    color: #bb1057;
    background-color: #ffffff; 
    border-color: #bb1057;
}

.btn-preordernofocus:hover,
.btn-preordernofocus:focus,
.btn-preordernofocus:active,
.btn-preordernofocus.active,
.open > .dropdown-toggle.btn-preordernofocus {
  color: #ffffff;
  background-color: #bb1057;
  border-color: #bb1057;
}

.preorderinstructions
{
    /*border-radius: 1px; 
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);*/
    background-color: #deecf6;/*#F5F5F5;*/
    margin-bottom:20px;
    padding:5px;  
    display: inline-block; 
   /* border: 1px solid #e1e1e1;*/
    border: solid 1px #d4d2c3;
}

.preorderbodyheader
{
    font-family: Roboto!important;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

.preorderbody
{
  font-family: Roboto!important;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #5e5e5e;
}

.menucalendar .cb_chooseweek input[type=checkbox]
{
    /*float: left;*/
    text-align: center;
    
    vertical-align:middle; 
    padding-right: 5px;
    padding-left: 5px;
    display:inline-block;
    margin:1px;
}

.menucalendar .cb_chooseweek label
{
    font-weight:normal;
    display:inline-block;
    font-size:12px;
}

.menucalendar .cb_menuitem input[type=checkbox]
{
    float: left;
    text-align: left;
    
    vertical-align:text-top; 
    padding-right: 5px;
    display:inline-block;
    margin:1px;
}

.menucalendar .cb_menuitem label
{
    font-weight:normal;
    display:inline-block;
    font-size:12px;/*1.2em;*/
}

.menucalendar_search
{
  font-size: 13px;/*0.8em;*/
  font-weight: normal;
  text-align: center;
  color: Black;
  width: 100%;
  display:block;
  line-height:1.5;
}

.menucalendar .menucalendarheader 
{
  text-align: center !important;
  font-weight:normal; 
  font-size:12px;
  padding-bottom: 2px;
  padding-top: 2px;
  
 /* grid-auto-rows: minmax(40px, auto) !important;  
  align-items: center; */   
}

.menucalendar .menucalendarheader th
{
  text-align: center !important;
  border: 0;
  padding-bottom: 4px;
  padding-top: 4px;
}

.MonthYear
{
    font-weight:bold;
    text-align:center;
    vertical-align:bottom;
    font-size:20px;
    color:#09549f; white-space:nowrap;
}

.menucalendar {
  background-color: white;
  border: 1px solid #e1e1e1;
  width: 100%;
}

.menucalendar .table 
{    
   border:0px;
   padding:0px;
}

.menucalendar .table td
{    
   border:0px;
   padding:0px;
   height:auto;
}
    
.menucalendar td 
{
  padding: 8px;  
  border-right: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  vertical-align:text-top;
  height:160px;
 
}

.menucalendar td:last-child {
  border-right: 0;
}

.menucalendar .noshow
{
    color: #ffffff;
    visibility: hidden;
}

.preordertbl td
{    padding: 4px;
    /* width: 100%;*/
}

.MenuPageWrapper .NextMonth a, .MenuPageWrapper .PrevMonth a {
	text-decoration: none;
	color: #09549f;
	font-weight: bold;
	/*display:inline-block;*/
	vertical-align:bottom;
    font-size:22px;
    
    
}

.NextMonth, .PrevMonth
{
    display:inline-block;
    padding-left:15px;
    padding-right:15px;
}

.MenuPageWrapper  a:hover {
    color: navy;
}
.MenuPageWrapper .NextMonth a::after 
{
     content: '\203A'; 
}

.MenuPageWrapper .PrevMonth a::after 
{
     content: '\2039'; 
}

summary {
  display: block;
}

summary::after {
  margin-left: 1ch;
  display: inline-block;
  transition: 0.2s;
  content: '\203A'; /* chevron */
  color:#09549f;
  font-weight:bold;
}

details[open] summary::after {
  transform: rotate(90deg);
}

ul
{
    margin-bottom:0px;
    padding-left: 4;
    list-style-type: none;
}
/* nutrition facts */
/*.print-facts
{
    width: 270px;
}
*/
.performance-facts {
  border: 1px solid black;
  margin: 4px;
  float: left;
  width: 272px;
  padding: 0.5rem;
}
.performance-facts__title {
  font-weight: bold;
  font-size: 2rem;
  margin: 0 0 0.25rem 0;
}
.performance-facts__header {
  border-bottom: 10px solid black;
  padding: 0 0 0.25rem 0;
  margin: 0 0 0.5rem 0;
  font-size: 13px;
}
.performance-facts__table {
  width: 100%;
  border-collapse:collapse!important;
   
}


 .performance-facts__table th, .performance-facts__table td {
    font-weight: normal!important;
    text-align: left;
    padding: 0.25rem 0;
    
    border-top: 1px solid black;
    
    white-space: nowrap;
    font-size: 12px;
  }
  
 .performance-facts__table .thick-end th, .performance-facts__table .thick-end td {
 border-bottom: 5px solid black;
}

.performance-facts__table .thin-end th, .performance-facts__table .thin-end td {
  border-bottom: 1px solid black;
}

  .performance-facts__table .blank-cell {
    width: 1rem;
    border-top: 0;
  }
  .performance-facts__table .thick-row  th, .performance-facts__table .thick-row td {  
      border-top-width: 5px;    
}

  .performance-facts__table .no-row  th, .performance-facts__table .no-row td {  
      border-top-width: 0px;      
}
.performance-facts__table .no-end  th, .performance-facts__table .no-end td {  
      border-bottom-width: 0px;   
       }

.small-info {
  font-size: 0.7rem;
}


.text-center {
  text-align: center;
}

.thin-end {
  border-bottom: 1px solid black;
}

.paddeddiv
{
    padding-right:5px;
    padding-bottom:5px;
   
    display:inline-block;
}

.paddeddiv select
{
    padding:3px;
}

.NutritionTable
{
    border-collapse:separate;
    border-spacing: 0px!important;
    /*border: 1px solid #8B8681;*/
    border-radius: 2px;
    font-size: 14px;
   /* margin-left: -100px;*/
   
}

.NutritionHeader
{
    font-size: larger;
	color: #09549f;
	font-weight: bold;
}

.NutritionSubHeader
{
    font-size: medium;
	color: #09549f;
	font-weight: bold;
}

.NutritionDiv
{
    margin-left: -100px;
}

.NutritionTable th, .NutritionTable td
{
     border: 1px solid #8B8681;
     padding: 5px;
}

.NutritionTable th
{
    
 background-color: #f6f7f9;/*#DBDBDB;*/
}

.AddToNutrition
{
     color: blue; 
     text-decoration: underline;
     font-size:14px;
}

.checkedNC
{
    color: blue;
    
}

.checkedNC:hover
{
    font-size:12px;
}

.uncheckedNC:hover
{
    font-size:12px;
}


.AddedToNutrition
{
     color: black; 
     font-size:14px;
     visibility: hidden;
}

.closewind
{
    font-size:16px;
    font-weight: bold;
}

/* till here nutrition facts */
/* Popup container - can be anything you want */
.popup 
{
    padding-bottom: 2px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
 /* user-select: none;*/
}

/* The actual popup */
.popup .popuptext {
  /*visibility: hidden; SD-05132025*/
  display: none;
  width: 280px;
  background-color: white;
  color: black; /*#fff;*/
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
  /*bottom: 125%;*/
  left: 50%;
  margin-left: -80px;
  margin-top:-200px; /* Sd sdded to move popup up a little */
}

/* Toggle this class - hide and show the popup */
.popup .show {
  /*visibility: visible; SD - 05132025*/
  display:block;
}

/* Toggle this class - hide and show the linebreaks 
.displaylinebreaks {
  display: none;
}*/
/*
details.filterbox {
    position: relative;
    padding: 5px 0;
}

details.filterbox[open]>summary::after {
    display: inline-block;
    content: "X";
    position: absolute;
    right: 0;
    bottom: 0;
}
*/
.custombox{ margin:5px; padding:2px; background:white; text-align:left;}
.customboxcentered{ margin:5px; padding:2px; background:white; text-align:center;}
.customboxbordered{ margin:10px; padding:10px; background:white; border-radius:4px; border: 1px solid #e1e1e1; width: fit-content;}

.filterbox{ margin:5px; padding:6px; background:white; border-radius:4px; border: 1px solid #e1e1e1; text-align:center;}
.filter-item{ margin:0 -5px; padding:0; list-style:none;}
.filter-item li{ margin:2px 0 5px 0; padding:0 5px; float:left; text-align:center; position:relative; min-width:50px;}/*border:solid 1px black;*/
.filter-item li img{ display:inline-block; width: 25px; height: 25px; overflow: hidden;  }/*position:absolute;top:1px; left:50%; margin-left:-5px;*/
.filter-item li:hover img{ width: 24px; height: 24px;  }/*margin-left:-1px; top:1px;*/
.filter-item li a{ padding:2px 0 2px 0;  display:block; text-decoration:none;}
.filter-item li a h3{ margin:0; padding:2px 0 2px 0; font-size:12px;  display:block; color:#003565;}/*font-weight:bold;*/

.menu-btn{ margin:0 0px; padding:0; list-style:none; }
.menu-btn li{ margin:2px 0 0 0; padding:2px 5px;  float:right; text-align:center; position:relative;min-width:90px;}/*width:15%;*/
.menu-btn li img{ display:inline-block; width: 60px; height: 50px; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; position:absolute; 
                  top:10px; left:50%; margin-left:-35px;}
.menu-btn li:hover img{ height:45px; width:55px; margin-left:-30px; top:15px; }
.menu-btn li a{ padding:50px 0 5px 0; border:3px solid #2e79bd; background:#fff; border-radius:6px; -webkit-box-shadow: 0 4px 0 0 rgba(229,229,229,1.0);box-shadow: 0 4px 0 0 rgba(229,229,229,1.0); color:#2e79bd; display:block; text-decoration:none;}
.menu-btn li a h3{ margin:0; padding:5px 3px; font-size:14px; font-weight:bold; min-height:25px; display:block;}
.menu-btn li a:hover{color:#2e79bd;}
.menu-btn li:hover h3{font-size:13px;}

.notstrikethrough {
  position: relative;
  /*border:1px solid #bb1057;*/
}

.btn
{
    padding: 4px 16px!important;
}

.strikethrough {
  position: relative;
  /*border:1px solid #bb1057;*/
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: -5;
  top: 50%;
  right: -5;
  border-top: 2px solid;
  border-color: #bb1057;
  
  -webkit-transform:rotate(-50deg);
  -moz-transform:rotate(-50deg);
  -ms-transform:rotate(-50deg);
  -o-transform:rotate(-50deg);
  transform:rotate(-50deg);
}

.fa-star
{
    content: "\f006";
  color: #5f6368;
  font-size: 20px;
   font-family: 'FontAwesome';
}

.fa-star:before {
  content: "\f006";
  color: #5f6368;
  font-size: 20px;
   font-family: 'FontAwesome';
}

.fa-star-o
{
    content: "\f005";
  color: #d56e0c;
  font-size: 20px;
   font-family: 'FontAwesome';
}

.fa-star-o:before {
  content: "\f005";
  color: #d56e0c;
  font-size: 20px;
   font-family: 'FontAwesome';
}

.goog-te-gadget img /*removes google pic from language bar */
{
    display:none!important;
}

.menupage-title MenuHeader h1{ text-align:center; padding: 0 0 0 0px; margin:0; font-size:20px; font-family: 'arial-Bold'; font-style:italic; font-weight:bold; white-space:nowrap;} 
.menupage-title MenuHeaderBlue { color:#09549f; white-space:nowrap;} 
.menupage-title MenuHeaderPink { color:#bb1057; white-space:nowrap;} 

.menupage-title{ margin:0; padding: 10px 0; position:relative;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWRmZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(247,250,252,1) 0%, rgba(201,223,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,250,252,1)), color-stop(100%,rgba(201,223,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,250,252,1) 0%,rgba(201,223,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,250,252,1) 0%,rgba(201,223,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,250,252,1) 0%,rgba(201,223,240,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,250,252,1) 0%,rgba(201,223,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafc', endColorstr='#c9dff0',GradientType=0 ); /* IE6-8 */
}
/*
.menupage-title h1{ text-align:center; padding:0; margin:0; color:#124c82; font-size:36px; font-family: 'arial-Bold'; font-style:italic; letter-spacing:-1px;font-weight:bold;}*/ /*Sd added bold*/
/*.menupage-title h1 span{ font-size:18px; font-weight:normal; font-style:normal; display:block; font-family: 'arial';}
.menupage-title .container{ position:relative;}*/
/* put in max size 480 .menupage-title h1{ font-size:24px;}*/


@media  only screen and  (min-width: 768px) and (max-width: 991px) 
{
    .MenuPageWrapper .container
    {
        /* width: 768px!important;*/
         width: 100%!important; 
         margin-right:5px!important;
         margin-left:5px!important;
    }    
    
     .menucalendar img
    {
        width: 100%; height: auto;
    }
    
    .shrinkimg img
    {
         width: 80%; height: auto;
    }
    
    .stretchcol
    {
        width:100%;
    }
    
    .stretchcolsm
    {
        width:35%;
    }
    
    .stretchcoltiny
    {
        width:12%;
    }
    
    

  /*  
    .menucalendar {
      background-color: orange;
      border: 1px solid #e1e1e1;
      width: 100%!important;
   min-width:768px;
      max-width: 991px;
    }
    
	*/

  
}

@media  only screen and  (min-width: 992px) and (max-width: 1099px)
{
    .MenuPageWrapper .container {
       /* width: 992px!important; */
        width: 100%!important; 
    }
    
    .menucalendar img
    {
        width: 100%; height: auto;
    }    
 
  .shrinkimg img
    {
         width: 85%; height: auto;
    }
    
     .stretchcolsm
    {
        width:35%;
    }
 /*   
    .menucalendar {
      background-color: red;
      border: 1px solid #e1e1e1;
      width: 100%;
    }*/
}
/*
    .MenuPageWrapper .container 
    {
          height:75%; 
    }
    */
@media  only screen and  (min-width: 1100px) and (max-width: 1200px)
{ 
 
  .shrinkimg img
    {
         width: 85%; height: auto;
    }
    
      .stretchcolsm
    {
        width:35%;
    }
 
}

@media  only screen and  (min-width: 1100px) 
{
    .MenuPageWrapper .container {
        width: 85%!important; 
      /*  width: 1092px!important; */    
    }
    
     .menucalendar img
    {
        width: 90%; height: auto; text-align:center; padding-left:10%;
    }        
     
    .menucalendar .label_menuitem details
    {
        font-size:13px!important;
        padding-bottom: 2px;
    }

    .menucalendar .label_menuitem div
    {
        font-size:13px!important;
        display:block;
    }
    
    .checkedNC:hover
    {
        font-size:14px!important;
    }

    .uncheckedNC:hover
    {
        font-size:14px!important;
    }
    /*
     .menucalendar {
      background-color: purple;
      border: 1px solid #e1e1e1;
      width: 100%;
    }*/
}